/**************************************************************************************** Import */
import _ from 'lodash';
import React, {Component} from 'react';
import {StyleSheet, View, Text, Dimensions, TextInput } from 'react-native';
import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
import { Icon, List, Button, InputItem, Checkbox } from 'antd-mobile-rn';
import { CAround, CBetween, CCenter, CColumn, CFloat, CHand, CItemX, CItemY, CLine, CLoad, CRow, CWrap, CBone, CIcon, CImage, CSvg, CText, CFull, CScroll, CFooter, CHeader, CPage, CButton, CLabel, PTabbar, PHeader } from '../../library/comp';
import { Dialog, Http, PageBase } from '../../library/func';
import Design from '../../design';
import Config from '../../config';

/**************************************************************************************** Pageload */

/**************************************************************************************** Cacheload */

/**************************************************************************************** Preload */

/**************************************************************************************** Get */

/**************************************************************************************** Post */

/**************************************************************************************** Page */
export default class Power_Login extends PageBase {
	constructor(props){
		super(props);
		this.state = {

			// 表单绑定值
			regMobile: '',				// 注册手机号
			regCode: '',				// 注册验证码
			regPassword: '',			// 注册密码
			regAgreexy: true,			// 默认用户协议选中

			loginMobile: '',			// 登录手机号
			loginPassword: '',			// 登录密码

			//配置初始页面是哪个 0 登录 1注册
			showCPage:0,

			//配置用户协议是否显示
			showAgreeText:false,
			
			//登录页面的设置
			//设置顶部图片
			topImg: require('../../design/asset/image/logintop.png'),
			topImgWidth:Config.map.screen.width,
			topImgHeight:0,

			//输入区域的设置
			InputAreaHeight:0,

			//验证码秒数
			VercodeTime:10,
			VercodeText:"获取验证码",
			VercodeActive:true,

			//密码可见性
			seePass:require("../../design/asset/image/seepass.png"),
			noseePass:require("../../design/asset/image/noseepass.png"),
			canseePass:false,
        };
	}
	
	/************************************************************************************ Life */
	/**
	 * willMount
	 */
    componentWillMount(){
		// SplashScreen.hide();
		let img = resolveAssetSource(this.state.topImg);
		this.setState({
			topImgHeight:img.height * (Config.map.screen.width/img.width),
			InputAreaHeight:Config.map.screen.height - img.height * (Config.map.screen.width/img.width)-96-50
		})
    }
	
	/************************************************************************************ Func */
	/**
	 * 点击获取验证码
	 */
	getVerCode = ()=>{
		// if (this.state.regMobile == '') {
		// 	Dialog.text('请填写手机号码', 1);
		// 	return;
		// }

		// // 发送验证码
		// HttpTemp.post({
		// 	url: '/CPage/arrive/sendmsg.php',
		// 	data: {
		// 		set_mobile: this.state.regMobile,
		// 	},
		// 	success: (res)=> {
				
		// 		// 制作倒计时
		// 		let time = this.state.VercodeTime;
		// 		let text = this.state.VercodeText;
		// 		let time_time = "秒后重发";

		// 		Dialog.text('验证码发送成功', 1);

		// 		if(this.state.VercodeActive) {
		// 			//发送短信接口
		// 			this.setState({
		// 				VercodeTime: time,
		// 				VercodeText: time + time_time,
		// 				VercodeActive: false,
		// 			})

		// 			Runtime = ()=>{
		// 				setTimeout(()=>{
		// 					if(this.state.VercodeTime > 1){
		// 						this.setState({
		// 							VercodeTime: this.state.VercodeTime - 1,
		// 							VercodeText: this.state.VercodeTime - 1 + time_time,
		// 							VercodeActive: false,
		// 						})
		// 						Runtime();	
		// 					}else{
		// 						this.setState({
		// 							VercodeTime: time,
		// 							VercodeText: text,
		// 							VercodeActive: true,
		// 						})	
		// 					}	
		// 				},1000);		
		// 			}
		// 			Runtime();
		// 		}
		// 	}
		// });
	}

	/**
	 * 登录
	 */
	onLogin = ()=> {
		// HttpTemp.post({
		// 	url: '/CPage/arrive/login.php',
		// 	data: {
		// 		set_mobile: this.state.loginMobile,
		// 		set_password: this.state.loginPassword
		// 	},
		// 	success: (res)=> {
		// 		Dialog.text('登录成功', 1);

		// 		// 维护auth

		// 		// 跳转到首页
		// 	}
		// });
	}

	/**
	 * 注册
	 */
	onReg = () => {
		// HttpTemp.post({
		// 	url: '/CPage/arrive/register.php',
		// 	data: {
		// 		set_mobile: this.state.regMobile,
		// 		set_password: this.state.regPassword,
		// 		code: this.state.regCode
		// 	},
		// 	success: (res)=> {
		// 		Dialog.text('注册成功', 1);

		// 		// 维护auth
				

		// 		// 跳转到首页
		// 	}
		// });
	}

	/**
	 * 点击密码可见
	 */
	seePass = () => {
		if(this.state.canseePass){
			this.setState({
				canseePass:false
			})	
		}else{
			this.setState({
				canseePass:true
			})	
		}
	}

	/************************************************************************************ Render */
	render() {
		return (
			<CPage>
				<CScroll bg='#efeff4' mt='96'>
					{/* 用户协议内容 star */}
                    <CColumn bg='#fff' pb='30'>
                        {/* <CBetween y="center" h='80'>
                            <CHand w='60' h='60' x='center' y='center'
                                onPress={()=>{
                                    this.setState({	
                                        showAgreeText:false,
                                    });
                                }}
                            >
                                <CIcon icon={ Design.icon["gobcak"]} w='44' h='44' color='#00CC66' />	
                            </CHand>
                            <CText size='36' x='center'>用户协议</CText>
                            <CText size='36' x='right'></CText>
                        </CBetween> */}
                        <CItemY mx='20' mt='20' style={{ width:'100%' }}>
                            <CText size='28' color='#333' mb='25'>特别提示</CText>
                            <CText size='28' color='#333' lh='36'>   深圳市零壹移动互联系统有限公司（下称零壹）在此特别提醒用户认真阅读、充分理解本《服务协议》（下称《协议》）中各条款，包括免除或者限制零壹旗下产品“1号社区”移动应用责任的免责条款及对用户的权利限制条款。请你审慎阅读并选择接受或不接受本《协议》（未成年人应在法定监护人陪同下阅读）。除非你接受本《协议》，否则你无权注册、登录、使用本协议所涉相关服务。你的注册、登陆、使用等行为将视为对本《协议》的接受，并同意接受本《协议》各项条款的约束。</CText>
                            <CText size='28' color='#333' lh='36'>   本《协议》是你（下称用户）与零壹之间关于用户注册、登录、使用“1号社区”移动应用服务所订立的协议，本协议描述“1号社区”移动应用与用户之间关于服务相关方面的权利义务。“用户”指注册、登录、使用本服务的个人或组织。</CText>
                            <CText size='28' color='#333' lh='36' mb='25' >   本《协议》可由零壹随时更新，更新后的协议条款一旦公布即代替原来的协议条款，恕不再另行通知，用户可在“1号社区”移动应用中查阅最新协议条款。在零壹修改《协议》条款后，如果用户不接受修改后的服务，请立即停止使用“1号社区”提供的服务，用户继续使用“1号社区”提供的服务将被视为已接受了修改后的协议。</CText>
                            <CText size='28' color='#333' lh='36'>一、账号注册</CText>
                            <CText size='28' color='#333' lh='36'>1、用户在使用本服务前需要注册一个“1号社区”账号。“1号社区”账号应当使用手机号码绑定注册，请用户使用尚未与“1号社区”账号绑定的手机号码，以及未被零壹根据本协议封禁的手机号码注册“1号社区”账号。零壹可以根据用户需求或产品需要对账号注册和绑定的方式进行变更，而无须事先通知用户。</CText>
                            <CText size='28' color='#333' lh='36'>2、“1号社区”系基于地理位置的移动应用，用户注册时应当授权零壹公开及使用其地理位置信息方可成功注册“1号社区”账号。故用户完成注册即表明用户同意零壹提取、公开及使用用户的地理位置信息。</CText>
                            <CText size='28' color='#333' lh='36'>3、鉴于“1号社区”账号的绑定注册方式，您同意零壹在注册时将使用您提供的手机号码及/或自动提取您的手机号码及自动提取您的手机设备识别码等信息用于注册。</CText>
                        </CItemY>
                    </CColumn>
				</CScroll>
                
                {/* PHeader */}
                <PHeader nav={this.nav}>用户协议</PHeader>
			</CPage>
		);
	}
}